<template>
  <div class="index-audio">
    <video
      id="video"
      ref="video"
      src="/homepage.mp4"
      autoplay="autoplay"
      muted="muted"
    ></video>
  </div>
</template>

<script>
export default {
  mounted() {
    let video = this.$refs.video;
    video.addEventListener("pause", () => {
      this.$emit("playover", true);
    });
  },
};
</script>

<style lang="scss" scoped>
.index-audio {
  text-align: center;
  #video {
    width: 100vw;
    max-width: 1519px;
    pointer-events: none;
  }
}
</style>
